<template>
    <div>
      <el-container>
        <el-header>考试页面</el-header>
        <el-main>
          <el-row>
            <el-col :span="24">
              <el-card>
                <el-card-title>单选题</el-card-title>
                <el-radio-group v-model="selectedOption1">
                  <el-radio label="选项 A：这是选项 A 的内容"></el-radio>
                  <el-radio label="选项 B：这是选项 B 的内容"></el-radio>
                  <el-radio label="选项 C：这是选项 C 的内容"></el-radio>
                </el-radio-group>
              </el-card>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="24">
              <el-card>
                <el-card-title>多选题</el-card-title>
                <el-checkbox-group v-model="selectedOptions2">
                  <el-checkbox label="选项 A：这是选项 A 的内容"></el-checkbox>
                  <el-checkbox label="选项 B：这是选项 B 的内容"></el-checkbox>
                  <el-checkbox label="选项 C：这是选项 C 的内容"></el-checkbox>
                  <el-checkbox label="选项 D：这是选项 D 的内容"></el-checkbox>
                </el-checkbox-group>
              </el-card>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="24">
              <el-card>
                <el-card-title>填空题</el-card-title>
                <el-input v-model="answer3"></el-input>
              </el-card>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="24">
              <el-card>
                <el-card-title>判断题</el-card-title>
                <el-radio-group v-model="isTrue4">
                  <el-radio label="正确"></el-radio>
                  <el-radio label="错误"></el-radio>
                </el-radio-group>
              </el-card>
            </el-col>
          </el-row>
          <!-- 可以继续添加更多题目 -->
        </el-main>
      </el-container>
    </div>
  </template>
  
  <script>
  export default {
    data() {
      return {
        selectedOption1: '',
        selectedOptions2: [],
        answer3: '',
        isTrue4: '',
      };
    },
  };
  </script>